<!doctype html>
<!--[if IE 7]><html class="ie7" lang="en"><![endif]-->
<!--[if IE 8]><html class="ie8" lang="en"><![endif]-->
<!--[if IE 9]><html class="ie9" lang="en"><![endif]-->
<!--[if gt IE 9]><!--><html lang="en"><!--<![endif]-->
<head>
	<meta charset="utf-8" />
	<title>Site | Home</title>
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<meta name="robots" content="index, follow" />
	<meta name="author" content="" />	
    <meta name="viewport" content="width=device-width" />
    <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300&subset=latin,vietnamese,latin-ext' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
	<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.10.3.custom.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/main.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" media="screen" />
    <!--[if lt IE 9]><script type="text/javascript" src="js/html5.js"></script><![endif]-->
</head>
<body>
	<div id="container" role="main" class="home">
		<div class="header">
            <div class="navbar navbar-inverse" role="navigation">
                <div class="top-header">
                	<div class="inner clearfix">	                    
                        <ul class="list-1 clearfix">
                            <li class="pull-left">
                            	<span class="btn btn-user"><img src="images/icon-user-header.png" alt="" /></span>
                            </li>
                            <li>
                            	<div class="navbar-header">
			                        <a class="navbar-brand" href="#"><img src="images/logo.png" alt="" /></a> 
			                    </div>
                            </li>
                            <li class="pull-right">
                            	<span class="btn btn-search"><img src="images/icon-search-header.png" alt="" /></span>
                            	<form class="form-search" method="get" id="s" action="/">
								    <div class="input-append">
								        <input type="text" class="input-medium search-query" name="search" placeholder="Search..." value="">
								    </div>
								    <div class="wrap-btn-search">
								    	<button type="submit" class="add-on btn-search"></button>
								    </div>
								</form>
                            </li>
                        </ul>
	                </div>
                </div>
                <div class="menu-block">
                	<ul class="list-control text">
                		<li>
                			<a href="javascript:void(0)" id="activities" data-rel="well-1" class="tags-well"><i class="fa fa-bars"></i>All Activities</a>
                		</li>
                		<li>
                			<a href="javascript:void(0)" id="date" data-rel="well-2" class="tags-well"><i class="fa fa-calendar"></i>28/05/2014</a>
                		</li>
                		<li>
                			<a href="javascript:void(0)" id="date" data-rel="well-2" class="tags-well"><i class="fa fa-map-marker"></i>HoChiMinh City</a>
                		</li>
                	</ul>
					<div class="well-1 wrap-well" style="display:none">
					    <ul class="list-menu">
					    	<li>
					    		<a href="" title="">
					    			<span class="name">Drama</span>
					    			<span>24 activities</span>
					    		</a>
					    	</li>
					    	<li class="text-right">
					    		<a href="" title="">
					    			<span class="name">show</span>
					    			<span>24 activities</span>
					    		</a>
					    	</li>
					    	<li>
					    		<a href="" title="">
					    			<span class="name">Music</span>
					    			<span>24 activities</span>
					    		</a>
					    	</li>
					    	<li class="text-right">
					    		<a href="" title="">
					    			<span class="name">sport</span>
					    			<span>24 activities</span>
					    		</a>
					    	</li>
					    	<li>
					    		<a href="" title="">
					    			<span class="name">seminar-workshop</span>
					    			<span>24 activities</span>
					    		</a>
					    	</li>
					    	<li class="text-right">
					    		<a href="" title="">
					    			<span class="name">others</span>
					    			<span>24 activities</span>
					    		</a>
					    	</li>
					    </ul>
					</div>
					<div class="well-2 wrap-well" style="display:none">
					    <div class="date-block">
					    	<div class="inner">
						    	<span class="text-center">All dates</span>
						    	<div id="datepicker"></div>
					    	</div>
					    </div>
					</div>
                </div>
            </div>
        </div>
		<div id="main">
			<div class="list-box list-box-large">
				<div class="inner">
					<h2 class="title">today’s Activities</h2>
					<div class="list-events">
		                <div class="item">
		                    <div class="news-item">
								<a href="javasript:void(0)" title="">
									<div class="wrap-time col" >
										<span class="time"><span>8:00</span> PM</span>
									</div>
									<div class="thumb col" >
										<span>
											<img src="images/upload/thumb-1.jpg" title="" />
										</span>
									</div>
									<div class="caption col">
										<div class="text-1">
											<div class="inner-text">
												<h3 class="event-name">Rock Concert Dissonant Nation</h3>
												<span class="address">Cargo Bar, HCMC</span>
											</div>
										</div>
									</div>
								</a>
							</div>
		                </div>
		               	<div class="item">
		                    <div class="news-item">
								<a href="javasript:void(0)" title="">
									<div class="wrap-time col" >
										<span class="time"><span>8:00</span> PM</span>
									</div>
									<div class="thumb col" >
										<span>
											<img src="images/upload/thumb-1.jpg" title="" />
										</span>
									</div>
									<div class="caption col">
										<div class="text-1">
											<div class="inner-text">
												<h3 class="event-name">Rock Concert Dissonant Nation</h3>
												<span class="address">Cargo Bar, HCMC</span>
											</div>
										</div>
									</div>
								</a>
							</div>
		                </div>
		                <div class="item">
		                    <div class="news-item">
								<a href="javasript:void(0)" title="">
									<div class="wrap-time col" >
										<span class="time"><span>8:00</span> PM</span>
									</div>
									<div class="thumb col" >
										<span>
											<img src="images/upload/thumb-1.jpg" title="" />
										</span>
									</div>
									<div class="caption col">
										<div class="text-1">
											<div class="inner-text">
												<h3 class="event-name">Rock Concert Dissonant Nation</h3>
												<span class="address">Cargo Bar, HCMC</span>
											</div>
										</div>
									</div>
								</a>
							</div>
		                </div>
		                <div class="item">
		                    <div class="news-item">
								<a href="javasript:void(0)" title="">
									<div class="wrap-time col" >
										<span class="time"><span>8:00</span> PM</span>
									</div>
									<div class="thumb col" >
										<span>
											<img src="images/upload/thumb-1.jpg" title="" />
										</span>
									</div>
									<div class="caption col">
										<div class="text-1">
											<div class="inner-text">
												<h3 class="event-name">Rock Concert Dissonant Nation</h3>
												<span class="address">Cargo Bar, HCMC</span>
											</div>
										</div>
									</div>
								</a>
							</div>
		                </div>
		            </div>
		            <a href="javascript:void(0)" alt="View More" class="view-more">[View More]</a>
				</div>
			</div>
			<div class="list-box free-entrance">
				<div class="inner">
					<h2 class="title">free entrance</h2>
					<div class="list-events">
			      		<div class="item-content">
			      			<a href="#" title="">
					            <span href="#" class="thumb">
				                    <img src="images/thumb-blank.png" alt="" class="img-circle ">
				                </span>
				            	<div class="caption">
				            		<div class="text-1">
						                <h3 class="title">The Library Project</h3>
						                <span class="address">Vesper Gourmet Lounge, HCMC</span>
					                </div>
				            	</div>
					        </a>
				        </div>
				        <div class="item-content">
			      			<a href="#" title="">
					            <span href="#" class="thumb">
				                    <img src="images/thumb-blank.png" alt="" class="img-circle ">
				                </span>
				            	<div class="caption">
				            		<div class="text-1">
						                <h3 class="title">The Library Project</h3>
						                <span class="address">Vesper Gourmet Lounge, HCMC</span>
					                </div>
				            	</div>
					        </a>
				        </div>
				        <div class="item-content">
			      			<a href="#" title="">
					            <span href="#" class="thumb">
				                    <img src="images/thumb-blank.png" alt="" class="img-circle ">
				                </span>
				            	<div class="caption">
				            		<div class="text-1">
						                <h3 class="title">The Library Project</h3>
						                <span class="address">Vesper Gourmet Lounge, HCMC</span>
					                </div>
				            	</div>
					        </a>
				        </div>
				        <div class="item-content">
			      			<a href="#" title="">
					            <span href="#" class="thumb">
				                    <img src="images/thumb-blank.png" alt="" class="img-circle ">
				                </span>
				            	<div class="caption">
				            		<div class="text-1">
						                <h3 class="title">The Library Project</h3>
						                <span class="address">Vesper Gourmet Lounge, HCMC</span>
					                </div>
				            	</div>
					        </a>
				        </div>
	        		</div>
	        	</div>
			</div>
			<div class="list-box list-box-small">
				<div class="inner">
					<h2 class="title">coming up...</h2>
					<div class="list-events">
		                <div class="item">
		                    <div class="news-item">
								<a href="javasript:void(0)" title="">
									<div class="wrap-time col" >
										<span class="time"><span>FROM</span>3/6</span>
									</div>
									<div class="thumb col" >
										<span>
											<img src="images/upload/thumb-1.jpg" title="" />
										</span>
									</div>
									<div class="caption col">
										<div class="text-1">
											<div class="inner-text">
												<h3 class="event-name">Rock Concert Dissonant Nation</h3>
												<span class="address">Cargo Bar, HCMC</span>
											</div>
										</div>
									</div>
								</a>
							</div>
		                </div>
		               	<div class="item">
		                    <div class="news-item">
								<a href="javasript:void(0)" title="">
									<div class="wrap-time col" >
										<span class="time"><span>FROM</span>3/6</span>
									</div>
									<div class="thumb col" >
										<span>
											<img src="images/upload/thumb-1.jpg" title="" />
										</span>
									</div>
									<div class="caption col">
										<div class="text-1">
											<div class="inner-text">
												<h3 class="event-name">Rock Concert Dissonant Nation</h3>
												<span class="address">Cargo Bar, HCMC</span>
											</div>
										</div>
									</div>
								</a>
							</div>
		                </div>
		                <div class="item">
		                    <div class="news-item">
								<a href="javasript:void(0)" title="">
									<div class="wrap-time col" >
										<span class="time"><span>FROM</span>3/6</span>
									</div>
									<div class="thumb col" >
										<span>
											<img src="images/upload/thumb-1.jpg" title="" />
										</span>
									</div>
									<div class="caption col">
										<div class="text-1">
											<div class="inner-text">
												<h3 class="event-name">Rock Concert Dissonant Nation</h3>
												<span class="address">Cargo Bar, HCMC</span>
											</div>
										</div>
									</div>
								</a>
							</div>
		                </div>
		                <div class="item">
		                    <div class="news-item">
								<a href="javasript:void(0)" title="">
									<div class="wrap-time col" >
										<span class="time"><span>FROM</span>3/6</span>
									</div>
									<div class="thumb col" >
										<span>
											<img src="images/upload/thumb-1.jpg" title="" />
										</span>
									</div>
									<div class="caption col">
										<div class="text-1">
											<div class="inner-text">
												<h3 class="event-name">Rock Concert Dissonant Nation</h3>
												<span class="address">Cargo Bar, HCMC</span>
											</div>
										</div>
									</div>
								</a>
							</div>
		                </div>
		            </div>
		            <a href="javascript:void(0)" alt="View More" class="view-more">[View More]</a>
				</div>
			</div>
		</div>
	</div>
	<div class="slide-in">
		<ul class="tk-museo-sans">
			<li class="last">
				<div class="wrap-top">
					<div class="left">
		                <a class="btn-choose-lang" data-toggle="dropdown" data-target="#menu2">EN<i class="fa fa-angle-down"></i></a>
						<div id="menu2" class="dropdown-menu warp-blk-list-lang" role="menu" aria-labelledby="drop5">
							<span class="arrow_box"></span>
							<ul>
								<li role="presentation"><a role="menuitem" tabindex="-1" href="#">EN</a></li>
								<li role="presentation"><a role="menuitem" tabindex="-1" href="#">VN</a></li>
							</ul>
						</div>
					</div>
					<div class="right">
		                <div class="wrap-social">
		                	<a href="" title="facebook"><i class="fa fa-facebook-square"></i></a>
		                	<a href="" title="youtube"><i class="fa fa-youtube-square"></i></a>
		                </div>
					</div>
				</div>
            	<a href="javascript:void(0)" class="btn btn-default btn-lg">for organizer</a>
            	<a href="javascript:void(0)" class="btn btn-login-fb"><span class="wrap-icon"><i class="fa fa-facebook"></i></span> Login via facebook</a>
            	<span class="highlight"></span>
            </li>
			<li><a href="#" title="who we are?">who we are?</a><span class="highlight"></span></li>
			<li><a href="#" title="What we do?">What we do?</a><span class="highlight"></span></li>
		</ul>
	</div>
	<script type="text/javascript" src="js/lib.js"></script> 
	<script type="text/javascript" src="js/l10n.js"></script>
	<script type="text/javascript" src="js/plugin.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.10.3.custom.js"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script>
	<script type="text/javascript" src="js/start.js"></script>
</body>
</html>
